<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#div1{
				width: 230px;
				margin: 30px;
				border:1px solid darkgrey;
				box-sizing: border-box;
			
			}
			#div1 h1{
				font-size: 16px;
				line-height: 43px;
				color: grey;
				vertical-align: middle;
				text-indent: 10px;
				background:linear-gradient(to bottom,#CCCCFF,#FFFFFF);
				border-bottom:dashed;
				border-bottom-width: 1px;
				margin: 0;
			}
			#div1 ul{
				margin-top: 5px;
				margin-bottom: 5px;
				padding: 5px;
			}
			#div1 ul li{
				font-size: 12px;
				color: #808080;
				line-height: 26px;
				list-style-type: none;
				margin: 0;
			}
			#div1 ul li:hover{color:darkred}
		</style>
	</head>
	<body>
		<div id="div1">
			<h1>
				京东快报
			</h1>
			<ul>
				<li>
					<strong>[特惠]</strong>海飞丝去屑又去油 超清爽
				</li>
				<li>
					<strong>[公告]</strong>京东公益支持鲁甸新动作
				</li>
				<li>
					<strong>[特惠]</strong>4688元抢iPhone 6
				</li>
				<li>
					<strong>[公告]</strong>小米电视携豪礼高调入驻京东
				</li>
				
			</ul>
		</div>
	</body>
<ml>

